<template>
	<view class="returnInformation">
		<c-layout>
			<!-- 头部 -->
			<c-navigation-bar slot="head" title="Return Information"></c-navigation-bar>
		</c-layout>
		<view class="container-box">
			<!-- 订单的商品列表 -->
			<view class="order-box">
				<view class="order-item" v-for="(item,index) in orderList" :key="index">
					<orderCard :orderDetails="item"></orderCard>
				</view>
			</view>
			<!-- 用户填写物流单号 -->
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			orderList: [
				{
					imgSrc: '../../static/images/home/good-2.png',
					price: 40,
					name: 'Realize Syirian children drea..',
					des: 'By: Black Heart Institution',
					qty: 1
					// original: 3699,
				}
			]
		};
	},
	onLoad() {
		this.orderList[0] = this.vuex_shoping_cartList;
		console.log(111, this.orderList);
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.container-box {
	height: 100vh;
	padding-left: 0;
	padding-right: 0;

	> view {
		padding: 0 30rpx;
	}

	.order-box {
		border-bottom: 8rpx solid #f7f8fa;

		.order-item {
			padding: 28rpx 0;
			position: relative;

			&:not(:last-child) {
				&::after {
					position: absolute;
					content: '';
					width: 100%;
					height: 2rpx;
					background-color: #e1e8e8;
					bottom: -2rpx;
				}
			}
		}
	}
}
</style>
